<template>
  <table>
    <thead>
      <tr>
        <slot name="header"></slot>
      </tr>
    </thead>
    <tbody>
      <tr v-for="item in data" :key="item.id">
        <th>{{ item.name }}</th>
        <th>{{ item.hot }}</th>
      </tr>
    </tbody>
    <thead>
      <tr>
        <slot name="header2"></slot>
      </tr>
    </thead>
    <tbody>
      <tr v-for="item in data2" :key="item.id">
        <p>{{ item.name }}</p>
        <p>
          {{ item.study }}
        </p>
        <p>
          {{ item.school }}
        </p>
      </tr>
    </tbody>
  </table>
</template>

<script>
export default {
  props: ['data', 'data2']
}
</script>

<style>
p {
  padding-left: 70px;
}
</style>
